<template>
  <!-- v-pagePermissions="pagePermissions"  -->
  <div class="white-bg commonBoxmp">
    <div class="aic jcc w100 h100">
      <el-result title="404" sub-title="抱歉，您访问的页面不存在。">
        <template #icon>
          <img style="width: 300px" src="./404.svg" alt="" />
        </template>
        <template #extra>
          <el-button type="primary" @click="$router.push({ path: '/' })"
            >返回首页</el-button
          >
        </template>
      </el-result>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, getCurrentInstance, onMounted } from "vue";
import { useRouter, useRoute } from "vue-router";
import Card from "/@/views/dashboard/analysis/card.vue";
import * as echarts from "echarts";
const internalInstance = getCurrentInstance(); //获取当前实例
// const route = internalInstance?.appContext.config.globalProperties.$route;
const router = useRouter();
const route = useRoute();

/*
基本数据类型
引用数据类型（复杂类型） 个人建议 ref初始化变量 
ref 和 reactive 本质我们可以简单的理解为ref是对reactive的二次包装, 
ref定义的数据访问的时候要多一个.value
*/
const dialogVisible = ref(true);
const state = reactive({});

onMounted(() => {});
</script>

<style scoped lang="scss"></style>
